<template>
  <div class="overview-content">
    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="24" style="margin-bottom:20px;">
        <div class="chart-wrapper">
          <div class="countFsColor addBtnA" @click="showDiog">添加</div>
          <el-table
            :data="tableData"
            style="width: 100%"
             
            class="card-table"
            :border="false"
            stripe
            :default-sort="{prop: 'five'}"
          ><template>
          </template>
          </el-table>
        </div>
      </el-col>
    </el-row>
    <myModal :obj="obj" v-on:close='close' v-on:save='save'>
      <div class="mpdalBody">
        <el-form ref="form" :model="sizeForm" label-width="85px" class="formDiv">

          <el-form-item label="" :required="true"><!-- <el-upload
                    class="upload-demo"
                    drag
                    action="https://jsonplaceholder.typicode.com/posts/"
                    multiple>
                    <br>
                    <i class="el-icon-folder fileWD"></i>
                    <div class="el-upload__text divSE">
                        <em>将文件拖到此处，或点击上传</em>
                        <span class="txtUpo">支持上传：PDF、视频(mp4)、图片(jpg / png / jpeg)</span>
                    </div>
                    </el-upload> -->
            <Upload v-model="postForm.poster" :cover="postForm.poster"  @getImage="changePoster"/>
          </el-form-item>
          <el-form-item label="" :required="true">
            <el-radio-group v-model="radio">
              <el-radio :label="3">普通文件1</el-radio>
              <el-radio :label="6">出租授权书</el-radio>
              <el-radio :label="9">出售授权书</el-radio>
            </el-radio-group>
          </el-form-item>
          <!---->
          <!---->
        </el-form></div></myModal>
  </div>
</template>

<script>
import myModal from '@/components/Modal'
import Upload from '@/components/Upload/SingleImage'
export default {
  components: { myModal },
  props: {
    tableData: {
      type: Array
    }
  },
  data() {
    return {
      sizeForm: {},
      postForm: {},
      obj: {
        show: false,
        title: '上传文件',
        width: '647px'
      },
      radio: 3,
      textarea: '',
      props: {
        tableConfig: {
          type: Object,
          required: true,
          default: () => {}
        },
        tableData: {
          type: Array,
          required: true,
          default: () => []
        }
      }
    }
  },
  methods: {
    handleClick() {

    },
    showDiog() {
      this.obj.show = true
    },
    save() {
      this.obj.show = false
    },
    close() {
      this.obj.show = false
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-table th.is-leaf, ::v-deep .el-table td,::v-deep .el-table__body{border: 0;}
::v-deep .el-table::before ,::v-deep .el-table__fixed-right::before{display: none;}
::v-deep  th{background: #cacaca;font-weight: bold;color: #575757;}
::v-deep   .el-table--striped .el-table__body tr.el-table__row--striped td{background: #f7f7f7;}
::v-deep   .addBtnA{text-align: right;margin-bottom: 10px;}
::v-deep  .el-upload ul{width: 360px;}
</style>
